﻿@charset "utf-8";

/**去掉IE10下input输入框中的叉叉*/
::-ms-clear { display: none; }
/**去掉IE10下密码输入框中的眼睛*/
::-ms-reveal { display: none; }

@-ms-viewport       { width: device-width; }
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

body{font-family:Verdana,Microsoft YaHei,Arial,Geneva,Tahoma,Helvetica,sans-serif;}

body{font-size: 12px; }

/**移除 input type="number" 时浏览器自带的上下箭头*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type="number"]{
  -moz-appearance: textfield;
}
.dkFormBody{
	background-color: #FFFFFF;	
}
.dktable{
	padding: 20px;
    margin: 20px;
    border: 1px solid #d8d7d5;
    border-collapse: separate;
}
.top-blank{
	display:block;
	height:20px;
	inline-height:20px;
}
/**去掉button或者是a的虚线框有两种方式:
一种就是js，当focus的时候使用this.blur()的方式使之失去焦点，这样没有浏览器兼容性问题，但是会污染事件；
另一种就是使用css样式控制，但是这种方式会有浏览器兼容性问题，基本的设置情况和对应版本情况如下：
outline:none	IE8 | Firefox | Webkit |Opera
hidefocus	IE
:focus{outline:none;}	IE8 | Firefox | Webkit | Opera
:active{outline:none;}	同上，但在tab的时候，IE将保留虚线框
::-moz-focus-inner{outline:none;}	Firefox 的input 须要去这个伪状态下的边框**/
 a,input,button{
 	outline:none;
	hide-focus:expression(this.hideFocus=true) \9; 
}
.btn_box_pin{
	z-index : 999;
	height:36px;
	background-color:white;
}
*:focus {outline: none;}   
button::-moz-focus-inner,input::-moz-focus-inner{border:none;}
/**END 虚线框**/  

/****  body start  ****/

/**** body end  ****/

.inline_block{
	display:inline-block;
}
.inline{
	display:inline;
}
.clear{
	clear: both;
}
.clearfloat{clear:both;height:0;font-size: 1px;line-height: 0px;}   /*div撑开自适应*/

.dk_div{
	padding: 2px 0px 2px 0px;
}

.form_item_cont{
	overflow: auto;
    padding: 2px 5px 2px 2px;
}
.dkInput{
	padding:0px 3px 0px 3px;
	width:100px;
	height: 26px;
    line-height: 26px;
}

.dk_pnl_query_field{ /**查询字段所在的容器*/
	display:inline-block;
	padding-right:5px;
	padding-left:5px;
}

.dkForm{
	/*border-top: 1px solid #C9DCA6;*/
	/*background: url(../images/cm/cmxform-fieldset.gif) left bottom repeat-x;*/
	font-size:12px;
	background-color: #FFFFFF;
	margin:0px auto;
}
.content{ 
	position:relative;
	}
.dktd_0{
	width:100px;
	text-align: right;
	padding-right: 3px;
}
.dktd_1{
	width:245px;
	text-align: left;
}
.has-feedback
{
}
.dktd_2{
	width: 100px;
	text-align: right;
	padding-right: 3px;
}
.dktd_3{
	width:245px;
	text-align: left;
}
.num_unit_td{
	padding-top: 2px;
}
.form-uploadBtn{
	text-align:right;
	float:right;
}
.dk_radio_group{
	color : #94928d;
	margin-top:2px;
	font-size:14px;
}
.dk_chk_lbl {
	color :#4c4940;
}
.control-label
{
	color :#4c4940;
}
.dk_rdo_lbl{
    vertical-align: middle;
}
.dk_checkbox_group{
	color :#94928d;
	margin-top:5px;
}

.dkInfoFormBody{
	background-color: #FFFFFF;
}
.dkInfoForm{
	margin:0 10px 0 10px;
}
.dkInfoForm tr{
	height : 40px;
	vertical-align : middle;
	background-color: #FFF;
    border-bottom: 1px solid rgb(239, 239, 239);
}
.dkInfoForm .dk_lbl{
	margin-right:8px;
}
.dkInfoForm label{
	margin-bottom:0;
	color : #888;
}

.img_up_box{
	width:100px;
	height:140px;
	vertical-align:top;
	border:1px solid #D8D7D5;
	position: relative;
	
	background: #eee;
	margin: 0px auto;
}
.img_up_box:hover .img_camera span{
	color:#b7b7b6;
}
.img_up_box input{
	width:100%;
	height:100%;
	position:absolute;
	opacity: .001;
    filter: Alpha(opacity=1);
}
.img_camera{
	position:absolute;
	top:50%;
	left:50%;
}
.img_camera span{
	height: 40px;
	margin-top:-30px;
	margin-left:-30px;
	font-size:60px;
	color:#d8d7d5;
}
.caption{
	padding: 4px;
    padding-bottom:10px;
}
.caption h5{
	height:16px;
	width: 100px;
	overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;/*强制不换行*/
}
.up_img_box{
	background: #fafafa;
	border:1px solid #d8d7d5;
	position: relative;
	width:104px;
	height:140px;
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}
.thumbnail{
	background: #eee;
}
.up_btn{
	float:right;
	margin-right:0px;
}
.add_img{
	font-size: 60px;
    color:#d8d7d5;
    left: 24%;
    margin-top:15px;
    margin-bottom:10px;
}
.dk_chk_lbl{
    vertical-align: middle;
}
.dk_lbl_checked{
	color:#4c4940;
}
.dkForm tr{
	border-bottom: 0px silver dashed; 
	border-color: #99BBE8;
}

.dkForm tr td{
	
}
.float_r{
	float:right;
}
.form-control:hover{
}
.bootstrap-select .btn:hover{
	background: none;
}
.form-control-feedback{
	color:#d8d7d5;
	left:0px;}
.has-feedback > input{
	padding-left:26px;
	}
	.tip_icon{
	display:none;
	margin-right:3px;
}
.has-feedback > span{
	float:left;}
	.tip-box{
	height:22px;
	}
.has-tip{
	
	}
.help-block{
	margin-top:-2px;}
.lineheight{
	line-height: 34px;
	overflow: hidden; /*自动隐藏文字*/
    text-overflow: ellipsis;/*文字隐藏后添加省略号*/
    white-space: nowrap;/*强制不换行*/
    max-width:478px;
    float:left;
    margin-right: 10px;
}
.td_border{
	border:1px solid #d8d7d5;
	padding:10px;
}
.td_border a{
	font-size:14px;
}
.margin_center{
	margin:0px auto;
}
.block{
	display:block;
}
.form_btn_box{
	width:156px;
}
.btn_box{
}
.jl_list{
	width:100%;
	padding-right:0px;
	height:40px;
}
.btn_s {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius:2px;
  border:none;
  margin-top:8px;
}
.hasunit{
	position: relative;
}
.hasunit .form-control{
	padding-right:36px;
}
.unit{
	font-size:14px;
	color: #94928D;
	position: absolute;
	right:5px;
	top:7px;
}
.label_height{
	height:10px;
}
.border-blue{
	border:1px solid #0092FF;
}
.border-gray{
	border:1px solid #D8D7D5;
}
#dkFormTrBottom{
	border-bottom: 0px;
}

.dkFormBottom{
	padding: 2px 5px 2px 2px;   /**上, 右, 下, 左*/
	text-align:right;  
	/*background-color: #C9DCA6;*/
	height : 34px;
	line-height : 34px;
}

.dkFormPageBottom{
	bottom:0px;
	padding: 5px 5px 5px 5px;   /**上, 右, 下, 左*/
	text-align:right;
	z-index:999; position:fixed; 
	width:100%; 
	background-color: #C9DCA6;
	_position:absolute; /* for IE6 */
 	_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ overflow:visible; 
}

.inlineblock{
	display:inline-block;
}

.hide{
	display:none;
}

input[type='button']{
  display: inline-block;
  width : 64px;
  padding: 2px 3px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.8;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
  color: #ffffff;
}

input[type='checkbox']{
	width : 20px;
}

input[type='radio']{
	width : 20px;
}

.dk_td_field label{
}

.dk_td_info{
	min-width:180px;
}

.dk_td_field .dkInput{
	height : 30px;
	line-height: 30px;
	width:210px;
}

.dkFloat{
	/**text-align:right;*/
}

.dkInt{
	/**text-align:right;*/
}

.dkInteger{
	/**text-align:right;*/
}

.redstar{
	color:red;
	font-family:微软雅黑;
	font-weight:bold;
	font-size:14px;
	padding-right:4px;
	vertical-align: middle;
}
/****   dkform end   ****/

/*********custom1 START下面的样式建议在JSP文档中根据实际情况进行修改************/

		
.dk_lbl{
	/**width: 100px;**/
  		text-align: right;
  		vertical-align:middle;
  		color:#4c4940;
  		font-size:14px;
}
.dk_select{
	width:160px;
}

.inputElement{
  		vertical-align:middle;
}
/*********custom1 END*************/

.form_icon16_edit{ 
	position:absolute;
	background-image: url("../images/cm/form.png");
	width: 16px;
	height: 16px;
	top: 3px; 
	left: 4px;
	margin: auto 0;
	background-position: 0px 0px;
}

.form_icon16_add{
	position:absolute;
	background-image: url("../images/cm/form.png");
	width: 16px;
	height: 16px;
	top: 3px; 
	left: 4px;
	margin: auto 0;
	background-position: 0px -16px;
}

.form_icon16_del{ 
	position:absolute;
	background-image: url("../images/cm/form.png");
	width: 16px;
	height: 16px;
	top: 3px; 
	left: 4px;
	margin: auto 0;
	background-position: 0px -32px;
}

.form_icon16_search{ 
	position:absolute;
	background-image: url("../images/cm/form.png");
	width: 16px;
	height: 16px;
	top: 3px; 
	left: 4px;
	margin: auto 0;
	background-position: 0px -48px;
}

.form_icon16_save{ 
	position:absolute;
	background-image: url("../images/cm/form.png");
	width: 16px;
	height: 16px;
	top: 3px; 
	left: 4px;
	margin: auto 0;
	background-position: 0px -64px;
}

.form_icon16_ok{ 
	position:absolute;
	background-image: url("../images/cm/form.png");
	width: 16px;
	height: 16px;
	top: 3px; 
	left: 4px;
	margin: auto 0;
	background-position: 0px -80px;
}
.form_icon16_up{ 
	position:absolute;
	background-image: url("../images/cm/form.png");
	width: 16px;
	height: 16px;
	top: 3px; 
	left: 4px;
	margin: auto 0;
	background-position: 0px -96px;
}
.form_icon16_down{ 
	position:absolute;
	background-image: url("../images/cm/form.png");
	width: 16px;
	height: 16px;
	top: 3px; 
	left: 4px;
	margin: auto 0;
	background-position: 0px -112px;
}
.form_icon16_refresh{ 
	position:absolute;
	background-image: url("../images/cm/form.png");
	width: 16px;
	height: 16px;
	top: 3px; 
	left: 4px;
	margin: auto 0;
	background-position: 0px -160px;
}

/*** dkQueryPanel start**/
.query-fields-list-btn{
	color:#009688;top:3px;
}
.dkQueryPanel .button
{
	width: 60px;
    padding: 0 10px;
}
.dkQueryPanel{
	position:relative;
	z-index: 99;
	padding: 2px 5px 2px 2px;   /**上, 右, 下, 左*/
	 clear: both;
	/*overflow: hidden;     这个特性应该是把浮动层的超出部分隐去。但事实是，当不指定容器的高度时，overflow hidden 会自动撑开容器的高度，以便使浮动层不发生溢出现象。*/
	/*background: url(../images/cm/cmxform-fieldset.gif) left bottom repeat-x;*/	
}

.dkQueryPanelRow {
	list-style-type:none; 
	border:0px solid #f7f7f7;
	clear: both;
	/*height:30px;line-height:30px;*/
	/*margin:10px;*/
}

.dk_qry_lbl{
	font-size:12px;
	padding-top:2px;
}

.dkQueryPanelRow>li{
	margin : 3px 0px;	
    height: 28px;
    line-height:28px;
    vertical-align:middle;
}

.dkQueryPanelRow .dkInput{
	height : 28px !important;
}
.dkQueryPanelRow .bootstrap-select{
	height:28px !important;
	margin-top:-2px !important;
}
.dkQueryPanelRow   .bootstrap-select > .btn {
	padding: 0px 30px 0px 12px; 
	height:28px !important; 
}

.dkForm  .bootstrap-select > .btn {
	padding: 0px 12px 0px 12px;  
}

.dkQueryPanel>ul {
 	list-style-type: none;margin:0; padding:4px;
}

#btnDkQuery{
	/*margin-bottom: 6px;*/
}

.a_button_r1{
-webkit-transition-property: background, color;
-moz-transition-property: background, color;
-o-transition-property: background, color;
transition-property: background, color;
-webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: white;
text-shadow: none;
border: none;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
 
 -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
 background: -moz-linear-gradient(top, #fbfbfb, #e1e1e1);
background: -o-linear-gradient(top, #fbfbfb, #e1e1e1);
display: inline-block;
vertical-align: middle;
zoom: 1;
height: 32px;
line-height: 32px;
padding: 0px 25.6px;
font-weight: 300;
font-size: 14px;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
margin: 0;
text-decoration: none;
text-align: center;
}

.dkQueryPanelRow li a{  /**定义查询栏的按钮的高度*/
	height: 26px;
	line-height: 26px;
}

.tdContent{
	width:100%;
	height:45px;
}
/*.datetimepicker .datetimepicker-minutes span {
	height:36px;
	line-height:36px;
	padding: 0px 7.5px;
}
.datetimepicker .datetimepicker-years span{
	padding:0px 7.5px;
}
.datetimepicker .datetimepicker-months span{
	padding:0px 7.5px;
	width:30%;
}
.datetimepicker .datetimepicker-days span{
	padding:0px 7.5px;
}*/
.search_icon{ width:16px; height:18px;background-image:url(../images/icon.png); background-repeat:no-repeat; display: inline-block;vertical-align:middle}

ul.ztree {overflow-y:auto;overflow-x:auto;}

.task_comment{width : 100%}